{
    "Select QueryParam": {
        "bind": "identity",
        "edit": {
          "type": "Select",
          "props": {
            "query": {
              "debug": true, // optional. show the debug information

              // Custom query parameters
              "params": { "name": "{{ name }}", "static": "Hello" }, // optional. custom query parameters. you can use the form data, eg: {{ id }}

              // Specify the field name of the label, value, and icon
              "labelField": "name", // required. the field name of the label
              "valueField": "type", // required. the field name of the value
              "iconField": "icon", // optional. the field name of the icon

              // Query parameters
              "from": "role", // Model name

              // @see QueryParam for more details
              // [[ $keywords ]] is the search keywords, xgen request will be send if the search is enabled
              // [[ $selected ]] is the selected value, the type could be a number, string or an array. xgen request will be send if some options are selected
              "wheres": [
                { "column": "name", "value": "[[ $keywords ]]", "op": "match" }, // if the search is enabled, the query will be executed when the user types in the search box
                {
                  "method": "orwhere",
                  "column": "name",
                  "value": "[[ $keywords ]]"
                } // suggest showing the selected value, if the selected value is not in the search result, it will be added to the search result
              ],
              "limit": 20, // the number of records returned, default is 100. if it's 0, use the default value

              // Format search results
              "labelFormat": "[[ $name ]]-[[ $type ]]", // optional. the format of the label, field name should be add prefix '%'
              "valueFormat": "[[ $type ]]", // optional. the field name of the value should be add prefix '%'
              "iconFormat": "[[ $icon ]]" // optional. the field name of the icon should be add prefix '%'
            }
          }
        }
      },

      "Select QueryDSL": {
        "bind": "identity",
        "edit": {
          "type": "Select",
          "props": {
            "query": {
              "debug": true, // optional. show the debug information

              // Custom query parameters
              "params": { "name": "{{ name }}", "static": "Hello" }, // optional. custom query parameters. you can use the form data, eg: {{ id }}

              // Query DSL
              "engine": "default", // The query engine name, if you want to use queryDSL, this field is required
              "select": ["name as label", "type as value", "icon"], // required. must have label, value and icon fields. icon is optional

              "from": "$role", // required. table name or model name. if it's a model name, should use '$' prefix. eg: '$role'

              // @see QueryDSL for more details
              // You can use the query variables
              // [[ $keywords ]] is the search keywords, xgen request will be send if the search is enabled
              // [[ $selected ]] is the selected value, the type could be a number, string or an array. xgen request will be send if some options are selected
              "wheres": [
                { "field": "name", "match": "[[ $keywords ]]" }, // if the search is enabled, the query will be executed when the user types in the search box
                { "or": true, ":value": "[[ $selected ]]" } // suggest showing the selected value, if the selected value is not in the search result, it will be added to the search result
              ],

              "limit": 20, // the number of records returned, default is 100. if it's 0, use the default value

              // Format search results
              "labelFormat": "[[ $label ]]-[[ $value ]]", // optional. the format of the label, field value should be wrapped with [[ ]] and add prefix '$'
              "valueFormat": "[[ $value ]]", // optional. the field name of the value, field value should be wrapped with [[ ]] and add prefix '$'
              "iconFormat": "[[ $icon ]]" // optional. the field name of the icon, field value should be wrapped with [[ ]] and add prefix '$'
            }
          }
        }
      },
}